<template>
  <el-container class = "home-container">
    <!-- 头部区域 -->
    <el-header>
      <div>
        <img src = "../assets/images/logo.png" >
        <span>美团项目原型管理系统</span>
      </div>
    </el-header>
    <!-- 主要内容区域 -->
    <el-main>
      <!-- 路由占位符 -->
      <router-view></router-view>
    </el-main>
<<<<<<< HEAD
    <el-footer>11</el-footer>
</el-container>
=======
    <el-footer class="footer" style="height:45px;">北交✖️美团·Web前端实训营·20组</el-footer>
  </el-container>
>>>>>>> 30b71271274e2fb86a6040d33b7921e0a1ed59c0
</template>

<script>
export default {
  data () {
    return {

    }
  }
}
</script>

<style lang="less" scoped>
<<<<<<< HEAD
.home-container {
  height: 100%;
}
.el-header {
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgb(10, 10, 10);
  font-size: 20px;
  img {
    width: 126px;
    height: 46px;
  }
  div{
    display: flex;
    align-items: center;
    span{
      margin-left: 20px;
    }
  }
}
=======

  .home-container {
    height: 100%;
  }

  .el-header {
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgb(10, 10, 10);
    font-size: 20px;
    img {
      width: 126px;
      height: 46px;
    }
    div{
      display: flex;
      align-items: center;
    }
    span{
        margin-left: 20px;
    }
  }

  .footer {
     text-align:center;
     line-height:45px;
     font-size: 12px;
     color:darkblue;
  }
>>>>>>> 30b71271274e2fb86a6040d33b7921e0a1ed59c0
</style>
